@forward "element-plus/theme-chalk/src/common/var.scss" with (
  $colors: (
    "primary": (
      "base": #d9d9d9,
    ),
  ),
  $select: (
    "input-color": white,
  ),
  $checkbox: (
    "bg-color": white,
    "checked-bg-color": black,
    "checked-icon-color": var(--hc-header-text-primary-color),
  ),
  $datepicker: (
    "text-color": black,
    "active-color": red,
  ),
  $input: (
    "bg-color": #eff3f4,
    "placeholder-color": #bfbfbf,
    "text-color": black,
  ),
  $bg-color: (
    "overlay": #1d1e1f,
  ),
  $table: (
    "tr-bg-color": #374246,
    "header-bg-color": #435255,
    "header-text-color": #d9d9d9,
  )
);
@use "element-plus/theme-chalk/src/dark/css-vars.scss" as *;
@use "element-plus/theme-chalk/src/index.scss" as *;

:root {
  .el-button--primary {
    --el-button-text-color: var(--hc-choosed-color);
  }
  .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
    background-color: #3d494d;
  }

  .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
    background-color: #536265;
  }

  .el-date-editor .el-range-input {
    color: black;
  }

  .el-select__wrapper {
    background-color: white;
  }
}
